<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>MyPetStore</title>
    <link rel="StyleSheet" href="css/jpetstore.css" type="text/css" media="screen"/>
    <link rel="StyleSheet" href="css/welcom.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/welcom.js"></script>
    <script type="text/javascript" src="js/dianji.js"></script>


    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }

        #canvas{
            position: fixed;
            background: #a52323;
            overflow: auto;
            z-index: -1;
        }

        #canvas1 {
            position: fixed;
            pointer-events:none;//鼠标多层响应事件
        width: 100%;
            height: 100%;
            overflow: auto;
            z-index: 999;

        }
    </style>


</head>

<body>

<canvas id="canvas">111</canvas>
<canvas id="canvas1" style="whdth: 100%;height: 100%">111</canvas>

</body>
</html>